<template>
  <div class="container"></div>
  <button @click="changeLanguage('en')">English</button>
  <button @click="changeLanguage('zh')">中文</button>
  <button @click="changeLanguage('ja')">日文</button>
  <h1>{{ $t('hello')}}</h1>
</template>

<script setup>
import { ref, onMounted } from "vue";
import axios from "axios";
import { defineComponent } from "vue";
import { useI18n } from "vue-i18n";
const imageUrl = ref("");
const error = ref("");

const { locale } = useI18n();
7;
const changeLanguage = (lang) => {
  locale.value = lang;
};
function fetchImage() {}

onMounted(fetchImage);
</script>

<style scoped></style>
